<!doctype html>
<!-- The DOCTYPE declaration above will set the -->
<!-- browser's rendering engine into -->
<!-- "Standards Mode". Replacing this declaration -->
<!-- with a "Quirks Mode" doctype is not supported. -->
<html>
    
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <!-- -->
        <!-- Consider inlining CSS to reduce the number of requested files -->
        <!-- -->
        <link type="text/css" rel="stylesheet" href="WebCalc.css">
        <!-- -->
        <!-- Any title is fine -->
        <!-- -->
        <title>
            Web Calculator Project
        </title>
        <!-- -->
        <!-- This script loads your compiled module. -->
        <!-- If you add any GWT meta tags, they must -->
        <!-- be added before this line. -->
        <!-- -->
        <script type="text/javascript" language="javascript" src="webcalc/webcalc.nocache.js">
                        
        </script>
        <!-- JSON stringify - useful for inspecting javascript objects -->
        <script type="text/javascript" language="javascript" src="webcalc/json2_min.js">
                        
        </script>
        <!-- ACE - main .js file -->
        <script src="webcalc/ace/ace.js" type="text/javascript" charset="utf-8">
                        
        </script>
        <!-- Get .js files for any needed ACE modes and themes -->
        <script src="webcalc/ace/theme-eclipse.js" type="text/javascript" charset="utf-8">
                        
        </script>
        <script src="webcalc/ace/mode-ruby.js" type="text/javascript" charset="utf-8">
                        
        </script>
        <style>
            /* * Important! Need relative positioning for ACE editor so it can * participate
            in normal HTML layout. */ .ace_editor { position: relative !important;
            } h1 { font-size: 2em; font-weight: bold; color: #777777; margin: 40px
            0px 70px; text-align: center; } .sendButton { display: block; font-size:
            16pt; } /** Most GWT widgets already have a style name defined */ .gwt-DialogBox
            { width: 400px; } .dialogVPanel { margin: 5px; } .serverResponseLabelError
            { color: red; } /** Set ids using widget.getElement().setId("idOfElement")
            */ #closeButton { margin: 15px 6px 6px; }
        </style>
    </head>
    <!-- -->
    <!-- The body can have arbitrary html, or -->
    <!-- you can leave the body empty if you want -->
    <!-- to create a completely dynamic UI. -->
    
    <body>
        <!-- OPTIONAL: include this if you want history support -->
        <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0">
        </iframe>
        <!-- RECOMMENDED if your web app will not function without JavaScript
        enabled -->
        <noscript>
            <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
                Your web browser must have JavaScript enabled in order for this application
                to display correctly.
            </div>
        </noscript>
        <!-- Add title logo here <h1>Mutt</h1>
    	-->
        <p align="middle">
            <img src="http://img337.imageshack.us/img337/8708/logomk.jpg" alt="Mutt logo"
            />
        </p>
        <table align="center">
            <tr>
                <td id="commandContainer" style="font-weight:bold;" colspan="2">
                </td>
            </tr>
            <tr>
                <td id="nameFieldContainer" colspan="2">
                </td>
            </tr>
            <tr>
                <td id="sendButtonContainer">
                </td>
            </tr>
            <tr>
                <td id="errorLabelContainer" style="font-weight:bold;color:red;">
                </td>
            </tr>
            <tr>
                <td>
                    <div id="responseContainer" style="overflow: auto; width: 650px;">
                    </div>
                </td>
            </tr>
        </table>
    </body>

</html>